<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/sec.css">
</head>
<body>
	<div class="bannerS">
		
		<!-- 导航栏 -->
	<div class="nav ">
		<div class="banner">
			<img src="https://www.buchouwang.com/img/logo.a2dacc49.png">
		</div>
		<div class="nav-center">
			<div class="nav-center">
			<a href="./index.html" class="item-on">首页 <span></span></a>
			<a href="javascript:;" class="product">产品介绍 <span></span>
				<div class="Invisibility">
				<div class="subnav"></div>
			</div>
			</a>
			
			<a href="./sec.html">解决方案 <span></span></a>
			<a href="./cases.html">案例展示 <span></span></a>
			<a href="./news.html">新闻中心 
				<span></span>
				
			</a>
			<a href="./about.html">关于我们 <span></span></a>
			<a href="./careers.html">加入我们 
				<span></span>
			</a>
			<a href="./pig.html">生猪交易 <span></span></a>
			<a href="./demo.html">申请演示 <span></span></a>
		</div>
        	
	</div>
	<div class="bantie">
			<div class="bancon">
				<div class="banner-title">解决方案</div>
				<div class="banner-info">解决方案</div>
			</div>
		</div>
	</div>
	<div class="detail-wrap">
		<div class="center-wrap">
			<div class="detail-title">
				首页>
				<span>解决方案</span>
			</div>
			<div class="solution-list-wrap">
			<div class="s-title">解决方案</div>
			<div class="list">
				
			</div>

			<div class="el-pagination">
				<div class="switchPage">
					<span class="Total">共 5 条</span>
					<button class="btnprev" disabled="disabled"><</button>
					<ul>
						<li class="number active">1</li>
						<li class="number">2</li>
					</ul>
					<button class="btnnext">></button>
					<span class="pagejump">前往<input type="number"name="">页</span>
				</div>
			</div>
			</div>
		</div>
	</div>
	<!-- 网页底部 -->
	<div class="font-bottom">
				<div class="font-center">
						<div class="font-left">
							<ul>
								<li class="item">
										<div class="first-title">首页</div>
								</li>
								<li class="item">
									  <div class="first-title">产品介绍</div>
									  <div class="second-title">合同放养管理解决方案</div>
									  <div class="second-title">猪场解决方案</div>
									  <div class="second-title">生猪交易平台</div>
									  <div class="second-title">不愁养禽解决方案</div>
									  <div class="second-title">不愁养牛解决方案</div>
									  <div class="second-title">不愁养虾解决方案</div>
									  <div class="second-title">智慧运输解决方案</div>
									  <div class="second-title">物联网、智能设备</div>
								</li>
								<li class="item">
									<div class="first-title">解决方案</div>
									<div class="first-title">案例展示</div>
									<div class="first-title">新闻中心</div>
									<div class="second-title">公司动态</div>
									<div class="second-title">行业动态</div>
								</li>
								<li class="item">
									<div class="first-title">关于我们</div>
									<div class="first-title">加入我们</div>
									<div class="first-title">生猪交易</div>
									<div class="first-title">申请演示</div>
								</li>
							</ul>
						</div>
						<div class="font-right">
								<div class="first-title">联系我们</div>
								<div class="second-title">电话：0532-89089019</div>
								<div class="second-title">15898816599（栾延康）</div>
								<div class="second-title">地址：青岛市李沧区九水东路130号亚马逊AWS联合创新中心8楼</div>
								<div class="thred-title">订阅我们</div>
								<div class="second-title">第一时间最大幅的获得最新动态</div>
								<div class="sub-wrap">
								<input type="text" placeholder="请输入您的邮箱" class="sub-input"><div class="sub-botton">订阅</div>
								</div>
						</div>
				</div>
				<div class="footer-bottom">
						<div class="center-wrap">
								<div class="footer-number">Copyright © 2016-2017 不愁网（北京）信息科技有限公司 版权所有 丨 京ICP备17022714号-1</div>
						</div>
				</div>
		</div>
	<script type="text/javascript" src="ajax.js"></script>
	<script type="text/javascript" src="jquery-3.2.1.js"></script>
	<script type="text/javascript">
		console.log(location.href)
		let id = location.href.split('=')[1];
+


			//二级导航
			let subnav = document.querySelector(".subnav")
			ajax({
			  method: "get",
			  url: "stage-api/website/getProductMenuInfo",
			}).then(res => {
			  for(let i = 0; i < res.data.length; i++){
			    if (i == 4) {
			      continue;
			    }else if(i == 6){
			      continue;
			    }else{
			      subnav.innerHTML += `<div class="subtag" onclick=detail('${res.data[i].productId}')>
			                            <img src=${res.data[i].menuIcon.split("?")[0]}>
			                            <p>${res.data[i].productName}</p >
			                            </div>`
			    }
			  }
			})

			  
			  $(".product").hover(function(){
				  $(".Invisibility").css("display", "block")
				}, function(){
				  $(".Invisibility").css("display", "none")
				})
			  // 分页
			  	let num = document.querySelectorAll( ".number")
			  	let inp = document.querySelector(".pagejump input")
			  	num[1].onclick = function(){
			  		num[0].className = "number"
			  		this.className = "number active"
			  		$(".page1").css("display" , "none")
			  		$(".page2").css("display","block")
			  		$(".btnnext").attr("disabled", true)
			  		$(".btnprev").attr("disabled", false)
			  	}
			  	num[0].onclick = function(){
			  		num[1].className = "number"
			  		this.className ="number active"
			  		$(".page2").css("display","none")
			  		$(".page1").css("display","block")
			  		$(".btnprev").attr("disabled", true)
			  		$(".btnnext").attr("disabled",false)
			  	}
			  	$(".btnnext").click(function(){
			  		num[1].onclick()
			  	})
			  	$(".btnprev").click(function(){
			  		num[0].onclick()
			  	})
			  	$(".pagejump input").blur(function(){
			  		if(inp.value >= 2){
			  			inp.value = 2;
			  			num[1].onclick()
			  		}else{
			  			inp.value = 1;
			  			num[0].onclick()
			  		}
			  	})
			  //标题
			  let list = document.querySelector(".list")
			  ajax({
			  	method:"get",
			  	url: "stage-api/website/getSolutionList",
			  	params:{
			  		pageNum:1,
			  		pageSize:3
			  	}
			  })
			  .then(res => {
			  	for(i=0 ; i<res.rows.length; i++){
                list.innerHTML += `<ul class="listul page1">
                		<li class="item-wrap">
							<div class="iteM" onclick=sol(${res.rows[i].solutionId})>
						<div class="item-left">
							<img src="${res.rows[i].solutionPhotoAddress}">
						</div>
						<div class="item-right">
							<div class="right-title">${res.rows[i].solutionName}</div>
							<div class="right-text">
								${res.rows[i].remark}
							</div>
							<div class="right-btn">
								查看详情
							</div>
						</div>
					</div>
				</li>
				</ul>`
			}
			  })

			  ajax({
			  	method:"get",
			  	url: "stage-api/website/getSolutionList",
			  	params:{
			  		pageNum:2,
			  		pageSize:3
			  	}
			  })
			  .then(res => {
			  	for(i=0 ; i<res.rows.length; i++){
                list.innerHTML += `<ul class="listul page2">
                		<li class="item-wrap">
							<div class="iteM" onclick=sol(${res.rows[i].solutionId})>
						<div class="item-left">
							<img src="${res.rows[i].solutionPhotoAddress}">
						</div>
						<div class="item-right">
							<div class="right-title">${res.rows[i].solutionName}</div>
							<div class="right-text">
								${res.rows[i].remark}
							</div>
							<div class="right-btn">
								查看详情
							</div>
						</div>
					</div>
				</li>
				</ul>`
			}
			  })


			  function sol(solutionId){
			    location.href = `sec2.html?solutionId=${solutionId}`
			  }

	</script>
</body>
</html>